* {
	margin: 0px;
	padding: 0px;
}
ul,li{
  list-style: none;
}
a{
  text-decoration: none;
}
body{
  background-image: url(../imgs/bg.jpg);
  background-size: 100% 100%;
  background-Repeat: no-repeat;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-attachment: fixed;
}
body::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  opacity: 0.3;
  -webkit-filter: blur(15px); 
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}
.login{
  
  position:absolute;
  padding: 40px;
  margin-top:100px;
  margin-left: -170px;
  left:50%;
  height: 360px;
  width:340px;
  background: rgb(255, 255, 255);
  
}
.login h3{
  height: 40px;
  margin-bottom: 40px;
  line-height: 40px;
  text-align: center;
}
.login p{
  margin-bottom: 10px;
}
.login input{
  margin-bottom: 20px;
  padding-left: 10px;
  height: 25px;
  width: 334px;
  outline: none;
}
.login ul{
  padding: 2px;
  margin-bottom: 40px;
  width: 344px;
  height: 85px;
  border: 1px #dddbdb solid;
}
.login ul li{
  float: left;
  margin-right: 1px;
  width: 83px;
  height: 83px;
  border: 1px #ffffff solid;
}
.login button{
  width: 344px;
  height: 40px;
  text-align: center;
  border:none;
  border-radius: 5px;
  color: aliceblue;
  background-color: rgb(0, 228, 68);
}
.login button:active{
  background: rgb(9, 255, 0);
}
.speak{
  display: none;
  position:absolute;
  margin-left: -500px;
  left:50%;
  margin-top: 20px;
  width: 1000px;
  height: 500px;
}
.speak .left{
  box-sizing: border-box;
  float: left;
  padding: 20px;
  width: 250px;
  height: 100%;
  background: rgb(66, 66, 66);
}
.speak .left div{
  padding-bottom: 20px;
  width: 100%;
  height: 50px;
  border-bottom: 1px #000 solid;
}
.speak .left img{
  float: left;
  width: 50px;
  height: 50px;
  
}
.speak .left span{
  float: left;
  margin-left: 10px;
  line-height: 50px;
  color: #ffffff;
}
.speak .left h4{
  margin-bottom: 5px;
  padding: 10px 0px;
  color: #ffffff;
  border-bottom: 1px #000 solid;
}
.speak .left li{
  margin-bottom: 5px;
  width: 100%;
  height: 50px;
}
.speak .right{
  float: left;
  width: 750px;
  height: 500px;
  background: rgb(231, 231, 231);
}
.speak .right h4{
  box-sizing: border-box;
  text-align: center;
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px rgb(196, 194, 194) solid;
}
.speak .right ul{
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  height: 300px;
  overflow: auto;
}
.speak .right ul .a{
  float: left;
  width: 100%;
  height: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #979797;
}
.speak .right ul .b{
  width: 100%;
}
.speak .right ul .b img{
  float: left;
  width: 30px;
  height: 30px;
}
.speak .right ul .b span{
  width: 650px;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 12px;
  float: left;
}
.speak .right ul .b p{
  margin-top: 5px;
  margin-left: 3px;
  padding: 15px;
  float: left;
  background: #ffffff;
}
.speak .right ul .d{
  float: left;
  width: 100%;
}
.speak .right ul .c{
  width: 100%;
}
.speak .right ul .c img{
  float: right;
  width: 30px;
  height: 30px;
}
.speak .right ul .c span{
  width: 650px;
  margin-top: 5px;
  margin-right: 5px;
  font-size: 12px;
  text-align: right;
  float: right;
}
.speak .right ul .c p{
  margin-right: 3px;
  padding: 15px;
  float: right;
  background: #6df115;
}
.speak .right div{
  box-sizing: border-box;
  padding:5px 20px;
  width: 100%;
  height: 120px;
  border-top: 1px rgb(196, 194, 194) solid;
}
.speak .right div span{
  font-family: 'iconfont';
}
.speak .right div textarea{
  box-sizing: border-box;
  margin-top: 5px;
  width: 100%;
  height: 70px;
  outline: none;
  background: rgb(231, 231, 231);
  font-size: 16px;
  border: none;
  resize:none;
}
.speak .right div button{
  margin-left: 650px;
  width: 70px;
  height: 26px;
  border: none;
  border-radius: 4px;
  background:#ffffff;
}
.speak .right div button:active{
  background: rgb(197, 197, 197);
}